@charset "gb2312";
/* CSS Document */

/*banner*/
.banner{ overflow:hidden; width:100%; height:530px; background:url(Img/Index/banner.jpg) no-repeat center top; position:relative}
.banner .btn{ overflow:hidden; width:147px; height:23px; position:absolute; z-index:1000; left:50%; bottom:30px; margin-left:-73px;}
.banner .btn span{ display:block; width:23px; height:23px; background:url(Img/Index/banner_btn01.png) no-repeat center; float:left; margin:0 13px; cursor:pointer;}
.banner .btn span.cur{ background:url(Img/Index/banner_btn02.png) no-repeat center;}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

#flashs{ position:relative; height:530px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:9999; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;text-indent: -99999em;  background:url(Img/Index/banner_btn01.png) no-repeat center;  cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:url(Img/Index/banner_btn02.png) no-repeat center;text-indent: -99999em;}

/*search*/
.search{ overflow:hidden; width:100%; height:60px; background:url(Img/Index/bg01.jpg) repeat center;}
.search .scenter{ overflow:hidden; height:60px; background:url(Img/Index/search_bg.jpg) no-repeat center;}
.search p{ margin-left:20px; float:left; line-height:60px; font-size:13px; color:#666;}
.search a{ color:#666; margin:0 5px;}
.search .sBox{ overflow:hidden; float:right; margin-right:10px; margin-top:13px; width:316px; height:35px; background:url(Img/Index/search_box.png) no-repeat center top;}
.search input{ width:250px; height:35px; border:none; background:none; outline:none; line-height:35px; font-size:13px; color:#999; margin-left:12px;}
.search span{ display:block; width:44px; height:35px; cursor:pointer; float:right}

/*pro*/
.pro { width:100%; background:url(Img/Index/bg01.jpg) repeat center; padding-top:30px; padding-bottom:50px; position:relative}
.pro .proContent{ overflow:hidden; position:relative; z-index:2}
.pro .proBg{ display:block; position:absolute; left:50%; bottom:-44px; margin-left:437px; z-index:1}

.proLeft { overflow:hidden; width:236px; background-color:#fff; border:2px solid #1970b8; float:left;}
.proLeft h3{ width:100%; height:116px; background:url(Img/Index/pro_left_t.png) no-repeat center; line-height:116px; text-align:center; font-size:30px; margin-bottom:20px;}
.proLeft h3 a{ color:#fff;}
.proLeft dl{ overflow:hidden; padding-left:20px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.proLeft dt{ font-size:16px; font-weight:bold;}
.proLeft dt a{ color:#353535;}
.proLeft dt a:hover,.proLeft dt a.cur{ color:#1970b8;}
.proLeft dd{ overflow:hidden; width:191px; margin-top:10px;margin-bottom:20px;}
.proLeft dd a{ display:block; font-size:13px; color:#353535; line-height:33px; padding-left:30px; background:url(Img/Index/pro_left_y01.png) no-repeat 17px center; text-decoration:none;}
.proLeft dd a:hover{ color:#fff; background:url(Img/Index/pro_left_y02.png) no-repeat left center;}
.proLeft .last{ border:none;}

.proRight { overflow:hidden; width:736px; float:right}
.proRight .protop{ padding-bottom:15px; background:url(Img/Index/pro_right_top.png) no-repeat left bottom;}
.proRight h3{ font-size:16px; background:url(Img/Index/pro_right_h.png) no-repeat left center; padding-left:30px; line-height:25px;}
.proRight h3 a{ color:#353535;}
.proRight ul{ overflow:hidden; width:756px;}
.proRight li{ float:left; width:235px; height:292px; background-color:#fff; margin-right:15px; margin-top:30px;}
.proRight li img{ display:block; margin:0 auto; margin-top:10px;}
.proRight li a{ display:block; text-decoration:none}
.proRight li span{ display:block; width:233px; height:50px; margin-top:10px; border:1px solid #efefef; text-align:center; line-height:50px; font-size:13px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proRight li:hover span{ color:#fff; background-color:#30302f;}

/*技术服务*/
.jishu { overflow:hidden; width:100%; padding:40px 0 50px 0; background-color:#e9e9e9;}
.jishu em{ display:block; text-align:center; font-size:18px; color:#3d3d3d; margin-bottom:5px;}
.jishu .jst{ display:block; margin:0 auto; margin-bottom:35px;}
.jishu .menu{ overflow:hidden; width:999px; margin:0 auto; padding-bottom:4px; margin-bottom:30px;}
.jishu .menu li{ position:relative; float:left; width:332px; height:80px; margin-right:1px; background:url(Img/Index/js_menu_bg.png) repeat-y center;}
.jishu .menu li i{ display:block; float:left; width:40px; height:40px; margin-top:20px; margin-left:40px;}
.jishu .menu li a{ display:block; line-height:80px; float:left; margin-left:10px; font-size:17px; color:#1e1e1e;}
.jishu .menu li img{ display:none; position:absolute; left:50%; margin-left:-3px; bottom:-4px;}
.jishu .menu li .i01{ background:url(Img/Index/js_icon01.png) no-repeat center top;}
.jishu .menu li .i02{ background:url(Img/Index/js_icon02.png) no-repeat center top;}
.jishu .menu li .i03{ background:url(Img/Index/js_icon03.png) no-repeat center top;}
.jishu .menu li.cur a{ font-weight:bold; color:#fff;}
.jishu .menu li.cur img{ display:block;}
.jishu .menu li.cur i{ background-position:bottom;}
.jishu .menu li.cur{ background:url(Img/Index/js_menu_cur.jpg) repeat-x left center;}
.jishu .jsBox { overflow:hidden; width:100%; height:290px;}
.jishu .jsBox .jsList{ overflow:hidden; width:100%; height:290px;}
.jishu .jsList .jsleft{ overflow:hidden; float:left; width:560px; height:410px; background-color:#fff;}
.jishu .jsleft img{ display:block; margin:0 auto; margin-top:8px; margin-bottom:15px;}
.jishu .jsleft h4{ font-size:16px; margin-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.jishu .jsleft h4 a{ color:#008a3d;}
.jishu .jsleft p{ font-size:14px; color:#666; line-height:20px; height:60px; overflow:hidden; width:520px; margin:0 auto; margin-bottom:15px; text-align:justify}
.jishu .jsleft .more{ display:block; width:100px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:13px; background-color:#ff9900; margin-left:20px;}
.jishu .jsright{ overflow:hidden; width:1000px; float:right;}
.jishu .jsright li{ float:left; width:236px; margin-right:18px; height:280px;}
.jishu .jsright li img{ display:block; border:8px solid #fff; margin-bottom:10px;}
.jishu .jsright li a{ display:block; text-decoration:none}
.jishu .jsright li span{ display:block; text-align:center; font-size:14px; color:#535353;}
.jishu .jsright .nomrfff{margin-right:0px;}

/*留言*/
.liuyan { overflow:hidden; width:100%; height:377px; background:url(Img/Index/liuyan_bg.jpg) no-repeat center top;}
.liuyan p{ font-size:14px; margin-bottom:5px; color:#fff;}
.liuyan h3{ font-weight:normal; font-size:30px; color:#fff; font-family:Arial}
.liuyan .phone{ overflow:hidden; background:url(Img/Index/liuyan_phone.png) no-repeat left center; padding-left:55px; float:left; margin-left:170px; margin-top:250px;}
.liuyan input{ padding-left:50px; height:39px; line-height:39px; font-size:12px; color:#007bbf; width:256px; padding-right:10px; background:url(Img/Index/liuyan_input.png) left center no-repeat; border:none; outline:none; margin-bottom:2px;*float:left;}
.liuyan textarea{ padding:10px 10px 10px 50px; width:256px; height:89px;font-size:12px; color:#007bbf; background:url(Img/Index/liuyan_text.png) no-repeat left center; border:none; outline:none; resize:none;*float:left;}
.liuyan dl{ overflow:hidden; float:right; margin-top:50px; width:370px;}
.liuyan dt{ overflow:hidden; float:left; width:318px;}
.liuyan dd{ overflow:hidden; cursor:pointer; width:51px; height:148px; background:url(Img/Index/liuyan_tujiao.png) no-repeat center; float:right}

/*优势*/
.youshi { overflow:hidden; width:100%;}
.youshi h4{ font-size:26px; color:#1970b8;}
.youshi h5{ font-weight:normal; margin-bottom:50px; font-size:18px; color:#202020;}
.youshi p{ font-size:15px; line-height:18px; color:#3e3e3e; background:url(Img/Index/youshi_p.png) left 5px no-repeat; padding-left:15px; margin-bottom:10px;}
.youshi em{ display:block; font-size:14px; color:#343434;}
.youshi h6{ font-size:24px; font-weight:normal; color:#1970b8; font-family:Arial}
.youshi .phone{ background:url(Img/Common/phone1.png) no-repeat left center; padding-left:50px; margin-top:30px;}
.youshi>div{ overflow:hidden; width:100%;}
.youshi .yst { height:233px; background:url(Img/Index/youshi_01.jpg) no-repeat center;}
.youshi .ys01{ height:371px; background:url(Img/Index/youshi_02.jpg) no-repeat center;}
.youshi .ys02{ height:399px; background:url(Img/Index/youshi_03.jpg) no-repeat center;}
.youshi .ys03{ height:369px; background:url(Img/Index/youshi_04.jpg) no-repeat center;}
.youshi .ys04{ height:345px; background:url(Img/Index/youshi_05.jpg) no-repeat center;}
.youshi .ys01 .wen{ margin-left:100px; margin-top:20px;}
.youshi .ys02 .wen{ margin-left:620px; margin-top:20px;}
.youshi .ys03 .wen{ margin-left:100px; margin-top:20px;}
.youshi .ys04 .wen{ margin-left:620px; margin-top:20px;}
.youshi a{ margin-left:246px; margin-top:-80px; display:block}

/*about*/
.about{ overflow:hidden; width:100%; height:691px; background:url(Img/Index/about_bg.jpg) no-repeat center top;}
.about .aboutBox{ overflow:hidden; height:366px; background-color:#fff; margin-top:50px; margin-bottom:40px;}
.about h3{ font-size:22px; margin-top:20px; margin-bottom:20px;}
.about h3 a{ color:#333;}
.about h3 span{ margin-left:10px; font-weight:normal; font-size:14px; color:#d9d9d9; font-family:Arial;}
.about .aboutLeft{ overflow:hidden; width:670px; float:left; margin-left:20px;}
.about .aboutLeft dl{ overflow:hidden; width:100%;}
.about .aboutLeft dt{ overflow:hidden; width:283px; height:214px; float:left; border:5px solid #efefef;}
.about .aboutLeft dd{ overflow:hidden; float:right; width:360px;}
.about .aboutLeft h4{ font-size:16px; margin-bottom:20px;}
.about .aboutLeft h4 a{ color:#1970b8;}
.about .aboutLeft p{ font-size:13px; color:#333; line-height:24px; height:144px; overflow:hidden; margin-bottom:25px; text-align:justify}
.about .aboutLeft .btn{ overflow:hidden;}
.about .aboutLeft .btn a{ display:block; float:left; margin-right:5px;}
.about .aboutRight{ overflow:hidden; width:270px; float:right; margin-right:20px;}
.about .aboutRight h3{ margin-left:20px;}
.about .ryBox{ overflow:hidden; width:100%; height:290px; position:relative;}
.about .ryBox span{ display:block; width:31px; height:31px; position:absolute; cursor:pointer; top:111px;}
.about .ryBox .btn01{ left:0; background:url(Img/Index/about_ry_btn.png) no-repeat center top;}
.about .ryBox .btn02{ right:0; background:url(Img/Index/about_ry_btn.png) no-repeat center bottom;}
.about .ryWin{ overflow:hidden; width:177px; height:290px; position:relative; margin:0 auto;}
.about .ryWin ul{ overflow:hidden; position:absolute;}
.about .ryWin li{ float:left; width:177px; height:290px;}
.about .ryWin li img{ display:block; margin-bottom:10px;}
.about .ryWin li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#333;}
.about .chejian { overflow:hidden; width:1074px; margin:0 auto; position:relative; height:200px;}
.about .chejian span{ display:block; width:37px; height:37px; cursor:pointer; position:absolute; top:60px;}
.about .chejian .btn01{ left:0; background:url(Img/Index/about_cj_btn01.png) no-repeat center top;}
.about .chejian .btn02{ right:0; background:url(Img/Index/about_cj_btn02.png) no-repeat center top;}
.about .chejian span:hover{ background-position:bottom}
.about .chejian .cjBox{ overflow:hidden; width:1000px; height:200px; position:relative; margin:0 auto}
.about .chejian .cjBox ul{ position:absolute; overflow:hidden;}
.about .chejian .cjBox li{ float:left; width:230px; height:200px; margin-right:26px;}
.about .chejian .cjBox li img{ display:block; margin:0 auto; border:11px solid #fff; margin-bottom:15px;}
.about .chejian .cjBox li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#fff;}

/*news*/
.news { overflow:hidden; margin-top:40px; margin-bottom:50px;}
.newsLeft{ overflow:hidden; float:left; width:626px; height:417px; border:1px solid #e7e7e7;}
.newsRight{ overflow:hidden; float:right; width:350px; height:417px; border:1px solid #e7e7e7;}

.newsLeft .menu{ overflow:hidden; width:100%; height:60px; background:url(Img/Index/news_menu_bg.jpg) repeat-x left top; margin-bottom:20px;}
.newsLeft .menu li{ float:left; width:208px; height:60px; text-align:center; line-height:60px; font-size:16px; font-weight:bold; border-right:1px solid #e7e7e7; background:url(Img/Index/news_menu_bor.png) no-repeat right bottom}
.newsLeft .menu li a{ color:#333}
.newsLeft .menu li.last{ border:none}
.newsLeft .menu li.cur{ background:#007bbf}
.newsLeft .menu li.cur a{ color:#fff;}
.newsLeft .newsBox{ overflow:hidden; width:600px; margin:0 auto; height:320px; position:relative}
.newsLeft .newsList{ overflow:hidden; width:600px; margin:0 auto; height:320px;}
.newsLeft .newsList dl{ overflow:hidden; width:100%; margin-bottom:25px;}
.newsLeft .newsList dt{ overflow:hidden; float:left;}
.newsLeft .newsList dd{ overflow:hidden; width:350px; float:right}
.newsLeft .newsList dd h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.newsLeft .newsList dd h4 a{ color:#000}
.newsLeft .newsList dd p{ font-size:12px; line-height:22px; color:#555; height:88px; text-align:justify; overflow:hidden}
.newsLeft .list{ overflow:hidden; width:100%;}
.newsLeft .list li{ overflow:hidden; font-size:12px; line-height:24px;}
.newsLeft .list li a{ color:#333; display:block; width:450px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.newsLeft .list li em{ float:left; margin-right:10px;}
.newsLeft .list li span{ float:right; color:#666;}

.newsRight h3{ width:330px; height:60px; background:url(Img/Index/news_menu_bg.jpg) repeat-x left top; line-height:60px; padding-left:20px; margin-bottom:20px;}
.newsRight h3 a{ color:#333;}
.newsRight h3 img{ margin-right:10px;}
.newsRight .QAbox{ overflow:hidden; width:325px; margin:0 auto; height:320px; position:relative}
.newsRight .QAlist{ overflow:hidden; width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.newsRight .QAlist h5{ font-size:13px; background:url(Img/Index/news_Q.png) left center no-repeat; padding-left:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:22px;}
.newsRight .QAlist h5 a{ color:#333;}
.newsRight .QAlist p{ background:url(Img/Index/news_A.png) no-repeat left top; padding-left:35px; font-size:12px; color:#666; line-height:17px; text-align:justify}